<template>
  <div>
    <el-card shadow="never"
             header="出行费用"
             body-style="padding: 22px 22px 0 22px;">
      <el-row :gutter="15">
        <el-col :span="24">
          <el-form ref="form"
                   :model="form"
                   :rules="rules"
                   label-width="180px"
                   style="max-width: 650px; padding: 34px 20px 0 20px"
                   @keyup.enter.native="save"
                   @submit.native.prevent>

            <el-form-item label="允许类型:"
                          prop="allowType">

              <el-radio v-model="radio"
                        label="1">无费用</el-radio>
              <el-radio v-model="radio"
                        label="2">固定费用</el-radio>
              <el-radio v-model="radio"
                        label="3">公里计算</el-radio>

            </el-form-item>
            <el-form-item label="技师出行费用:"
                          prop="allowSize">
              <el-input show-password
                        v-model="form.allowSize"
                        placeholder="请输入技师出行费用"
                        clearable />
              <span class="prompt">选择固定费用后，用户下单不管距离是否远近，技师出行费用固定不变</span>
            </el-form-item>
            <el-form-item label="起步价:"
                          prop="allowSize">
              <el-input show-password
                        v-model="form.allowSize"
                        placeholder="请输入技师起步价"
                        clearable />
              <span style="color: #1890FF;">+添加公里出行的费用区间</span>
              <el-tag>2-8(公里)</el-tag>
              <el-tag>2-14(公里)</el-tag>
            </el-form-item>
            <el-input placeholder="请输入内容"
                      type="number"
                      v-model="input2">
              <template slot="append">元</template>
            </el-input>

            <el-form-item>
              <el-button type="primary"
                         :loading="loading"
                         @click="save">
                保存更改
              </el-button>
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>
<script>
</script>
<style lang="less" scoped>
.prompt {
  color: #999;
  font-size: 12px;
}
</style>